<%@page import="edu.uit.se.laps.web.model.TaiKhoan"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<!-- pageEncoding="UTF-8"%> -->
<%@ taglib uri="/struts-tags" prefix="s"%>
<%@ page
	import="edu.uit.se.laps.web.*,edu.uit.se.laps.web.controller.*, java.net.*,java.text.*,java.util.*"%>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Admin Manager</title>
	<style>
	
		h1{
			color: #0033CC;
		}
		.khungAdmin{
			height: 500px;
		}
		
		.mask{
			position: fixed;
			width: 300px;
			height: 300px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			-ms-border-radius: 10px;
			-o-border-radius: 10px;
			border-radius: 10px;
			box-shadow: 0px 0px 25px #808076;
			z-index: 1000;
			background: white;
		}
		
		.khungCV{
			position: absolute;
			left: 0px;
			bottom: 0px;
			margin-bottom: 20px;
			width: 100%;
		}
		
		.khungCV IMG{
			width: 30%;
			height: 90px;
			
		}
		
		.close{
			position: absolute;
			right: -10px;
			top: -10px;
			cursor: pointer;
		}
		.congviec{
			width: 100%;
			height: 400px;
			margin: 30px 0px;
		}
		
		.congviec div{
			width: 30%;
			height: 45%;
			margin: 10px;
			cursor: pointer;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			-ms-border-radius: 10px;
			-o-border-radius: 10px;
			border-radius: 10px;
			box-shadow: 0px 0px 10px #808076;
			display: inline-block;
		}
		
		.congviec IMG{
			border: 1px solid blue;
			width: 100%;
			height: 100%;
			cursor: pointer;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			-ms-border-radius: 10px;
			-o-border-radius: 10px;
			border-radius: 10px;
			box-shadow: 0px 0px 10px #808076;
		}
		
		.congviec IMG:hover{
			opacity: 0.3;
			border: 1px solid red;			
		}
		
	</style>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
	<script language="javascript" src="1.7.2.jquery.min.js"></script>
	<script language="javascript" src="jsS/menu.js"></script>
	<script language="javascript" src="jsS/detail.js"> </script>
	<script language="javascript" src="jsS/thoitrang.js"> </script>
	<script language="javascript" src="jsS/dangnhap.js"> </script>
	<link href="css/menu.css" rel="stylesheet" type="text/css" />
	<link href="css/detail.css" rel="stylesheet" type="text/css" />
	<link href="css/thoitrang.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript">
		$(document).ready(function(){
			var widthAd = $(window).width()/2;
			var heightAd = $(window).height()/2;
			var w_mask = $('.mask').width()/2;
			var h_mask = $('.mask').height()/2;
			$('.mask').css({'left': widthAd - w_mask + 'px', 'top': heightAd - h_mask + 'px'});	
			$('.close').click(function(){
				$('.mask').remove();
			});
		});
		
	</script>
</head>
<body>
	<tiles:insertTemplate template="TemAdmin.jsp">
		<tiles:putAttribute name="adminFocus">
			<div class="khungAdmin">
				<div class="congviec">
					<div align="center"><a href="showAllDonHang"><img src="sources/icon/admin4.jpg" title="Quản lý đơn hàng"/></a></div>					
					<div align="center"><a href="showAllSP"><img src="sources/icon/admin2.png" title="Quản lý sản phẩm"/></a></div>
					<div align="center"><a href="showAllLoaiSP"><img src="sources/icon/admin3.png" title="Quản lý loại sản phẩm"/></a></div>
					<div align="center"><a href="showAllUser"><img src="sources/icon/admin1.jpg" title="Quản lý khách hàng"/></a></div>
					<div align="center"><a href="#"><img src="sources/icon/admin5.jpg"/></a></div>
					<div align="center"><a href="#"><img src="sources/icon/admin6.jpg"/></a></div>
				</div>
			</div>
			<div class="mask">
				<h1 align="center">Chào Admin</h1>
				<div align="center">Hôm nay có nhiều việc phải làm</div>
				<div class="khungCV" align="center">
					<img src="sources/icon/ao.png"/>
					<img src="sources/icon/donhang.png"/>
					<img src="sources/icon/khachhang.png"/>
				</div>
				<div class="close"><img src="sources/icon/close.png"/></div>
			</div>		
		</tiles:putAttribute>
	</tiles:insertTemplate>
	
</body>
</html>